// 性能优化原则
//   1. 多使用内存
//   2. 减少cpu计算量，减少网络加载耗时
//   3. 空间换事件-适用于所以编程性能优化

// 从何入手
// 让加载更快
      // 1. 减少代码体积：压缩代码 webpack来压缩代码  服务器gzip压缩 
      // 2. 减少访问次数：合并代码 ssr服务器渲染，缓存 css等雪碧图
      // 3. 使用更快等CDN
// 让渲染更快
      // 1. css放在head，js放在body最下面
      // 2. 尽早开始执行js，用domContentLoaded触发
      // 3. 图片懒加载，上滑加载
      // 4. 对dom查询进行缓存
      // 5. 频繁dom操作，合并到一起插入dom结构
      // 6. 节流 throttle 和防抖 debounce

// 缓存
// 静态资源加hash后缀
// 文件内容不变，hash不变，则url不变
// url和文件不变，则会自动触发http缓存机制，返回304

// ssr
// 服务器端渲染：将网页和数据一起加载，一起渲染
// 非ssr（前后端分离） ： 先加载网页，再加载数据，再渲染数据

// 懒加载
// 多个dom操作一起插入到dom结构
// 尽早开始js执行 domContentLoad